@charset "UTF-8";
* {
  box-sizing: border-box; }

.my_index {
  color: #444f58;
  width: 774px;
  margin: 35px auto 0;
  margin-bottom: 56px; }
  .my_index a {
    color: #444f58; }
    .my_index a:hover {
      color: #eb413d; }
  .my_index .head_info {
    position: relative;
    font-size: 14px;
    margin-left: 15px;
    line-height: 28px;
    margin-bottom: 15px; }
    .my_index .head_info div {
      font-size: 22px;
      line-height: 36px; }
    .my_index .head_info p span {
      color: #eb413d; }
    .my_index .head_info ul {
      position: absolute;
      right: 0;
      bottom: 0; }
      .my_index .head_info ul li {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 20px;
        position: relative; }
        .my_index .head_info ul li:not(:first-child)::before {
          content: "";
          display: block;
          height: 14px;
          border-left: 1px solid #E7E7E7;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
  .my_index .type_tab {
    text-align: center;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    line-height: 54px;
    margin-left: 15px;
    font-size: 14px; }
    .my_index .type_tab .item {
      width: 25%;
      position: relative; }
      .my_index .type_tab .item:not(:first-child)::before {
        content: "";
        position: absolute;
        height: 24px;
        border-left: 1px solid #E7E7E7;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .my_index .type_tab .item:not(:first-child) a {
        margin-left: 1px; }
      .my_index .type_tab .item a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 20px; }
        .my_index .type_tab .item a:hover {
          background-color: #f9f9f9; }
        .my_index .type_tab .item a em {
          color: #EB413D; }
  .my_index .type_frame {
    /*************表格类***************/
    /*表格样式配置*/
    /*基础表格*/
    /*表格尾部显示圆角*/
    /******信息配置******/
    /*************表格内商品信息块（图片、标题、标签）***************/
    /*信息块小尺寸*/ }
    .my_index .type_frame .type_title {
      position: relative;
      line-height: 56px;
      margin-left: 15px;
      font-size: 14px; }
      .my_index .type_frame .type_title p {
        margin-right: 150px;
        margin-left: 5px; }
      .my_index .type_frame .type_title a {
        display: block;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        right: 0;
        top: 0; }
    .my_index .type_frame .table_head {
      margin-left: 15px;
      position: relative; }
      .my_index .type_frame .table_head .head_title {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        height: 50px;
        background: #f8f8f8;
        border: 1px solid #ddd; }
        .my_index .type_frame .table_head .head_title li {
          float: left;
          height: 100%; }
          .my_index .type_frame .table_head .head_title li span {
            float: left;
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 13px;
            color: #99999A;
            margin-left: 5px; }
          .my_index .type_frame .table_head .head_title li i {
            display: inline-block;
            font-size: 30px;
            height: 50px;
            line-height: 50px;
            color: #99999A; }
        .my_index .type_frame .table_head .head_title li:first-child {
          margin-left: 112px; }
        .my_index .type_frame .table_head .head_title li:nth-child(2) {
          margin-left: 121px; }
        .my_index .type_frame .table_head .head_title li:nth-child(3) {
          margin-left: 100px; }
        .my_index .type_frame .table_head .head_title li:nth-child(4) {
          margin-left: 94px; }
        .my_index .type_frame .table_head .head_title li:nth-child(5) {
          margin-left: 28px;
          -webkit-transition: all 300ms ease;
          transition: all 300ms ease; }
          .my_index .type_frame .table_head .head_title li:nth-child(5):hover, .my_index .type_frame .table_head .head_title li:nth-child(5):active {
            background: #878787;
            cursor: pointer; }
            .my_index .type_frame .table_head .head_title li:nth-child(5):hover span,
            .my_index .type_frame .table_head .head_title li:nth-child(5):hover i, .my_index .type_frame .table_head .head_title li:nth-child(5):active span,
            .my_index .type_frame .table_head .head_title li:nth-child(5):active i {
              color: #fff; }
        .my_index .type_frame .table_head .head_title li:nth-child(6) {
          margin-left: 7px; }
      .my_index .type_frame .table_head .trade {
        display: none;
        position: absolute;
        width: 87px;
        height: 50px;
        margin-left: 593px;
        z-index: 10; }
        .my_index .type_frame .table_head .trade li {
          border: 1px solid #efefef;
          border-top: 0;
          color: #99999a;
          height: 30px;
          line-height: 30px;
          background: #fff;
          cursor: pointer;
          padding-left: 10px; }
          .my_index .type_frame .table_head .trade li:hover, .my_index .type_frame .table_head .trade li:active {
            background: #efefef; }
    .my_index .type_frame .table {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: transparent;
      /*表格红色表尾*/
      /*表格显示所有列边框*/
      /*表格显示有合并单元格的列边框*/ }
      .my_index .type_frame .table table {
        width: 100%;
        word-break: break-all;
        font-size: 13px;
        /*文字左对齐*/
        /*文字水平居中对齐*/
        /*文字右对齐*/
        /*文字上对齐*/
        /*文字垂直居中对齐*/
        /*文字下对齐*/ }
        .my_index .type_frame .table table thead tr {
          border: 1px solid #e7e7e7;
          text-align: center;
          vertical-align: middle; }
          .my_index .type_frame .table table thead tr th {
            height: 47px;
            font-weight: normal;
            color: transparent;
            background-color: #f8f8f8;
            padding: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .my_index .type_frame .table table thead tr:first-child th:first-child {
            border-top-left-radius: 7px; }
          .my_index .type_frame .table table thead tr:first-child th:last-child {
            border-top-right-radius: 7px; }
        .my_index .type_frame .table table tbody tr,
        .my_index .type_frame .table table tfoot tr {
          border: 1px solid #e7e7e7;
          text-align: center;
          vertical-align: middle; }
          .my_index .type_frame .table table tbody tr td,
          .my_index .type_frame .table table tfoot tr td {
            height: 41px;
            padding: 10px; }
        .my_index .type_frame .table table tbody {
          /*表格显示空白隔行*/
          /*商品信息类上下边距-小*/ }
          .my_index .type_frame .table table tbody tr:hover td {
            background-color: transparent; }
          .my_index .type_frame .table table tbody tr td {
            color: #444f58;
            background-color: transparent;
            -webkit-transition: background-color 500ms ease;
            transition: background-color 500ms ease; }
          .my_index .type_frame .table table tbody tr.blank {
            border-left: 1px solid transparent !important;
            border-right: 1px solid transparent !important; }
            .my_index .type_frame .table table tbody tr.blank:hover td {
              background-color: transparent; }
            .my_index .type_frame .table table tbody tr.blank td {
              height: 15px;
              padding: 0;
              border-left: 1px solid transparent !important;
              border-right: 1px solid transparent !important; }
          .my_index .type_frame .table table tbody tr.ptb_xs td {
            padding-top: 17px;
            padding-bottom: 17px;
            line-height: 1.8em;
            vertical-align: top; }
            .my_index .type_frame .table table tbody tr.ptb_xs td:first-child {
              padding-left: 10px;
              text-align: left; }
        .my_index .type_frame .table table tfoot tr td {
          color: transparent;
          background-color: #f8f8f8; }
        .my_index .type_frame .table table .left {
          text-align: left; }
        .my_index .type_frame .table table .yichaifen {
          padding-bottom: 10px;
          position: relative; }
        .my_index .type_frame .table table .center {
          text-align: center; }
        .my_index .type_frame .table table .rigth {
          text-align: right; }
        .my_index .type_frame .table table .top {
          vertical-align: top; }
        .my_index .type_frame .table table .middle {
          vertical-align: middle; }
        .my_index .type_frame .table table .bottom {
          vertical-align: bottom; }
      .my_index .type_frame .table table.redfoot tfoot tr td {
        color: #ffffff;
        background-color: #ea413c;
        height: 47px; }
      .my_index .type_frame .table table.colsbor tbody tr td {
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #e7e7e7; }
        .my_index .type_frame .table table.colsbor tbody tr td .o8_delete {
          margin-left: 190px;
          cursor: pointer; }
      .my_index .type_frame .table table.rowsmerge tbody tr td[rowspan] {
        border: 1px solid #e7e7e7; }
    .my_index .type_frame .tfoot_mellow {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
      .my_index .type_frame .tfoot_mellow table tbody:last-child tr:last-child td:first-child,
      .my_index .type_frame .tfoot_mellow table tfoot:last-child tr:last-child td:first-child {
        border-bottom-left-radius: 7px; }
      .my_index .type_frame .tfoot_mellow table tbody:last-child tr:last-child td:last-child,
      .my_index .type_frame .tfoot_mellow table tfoot:last-child tr:last-child td:last-child {
        border-bottom-right-radius: 7px; }
    .my_index .type_frame table {
      width: 100%; }
      .my_index .type_frame table tbody tr td {
        text-align: left; }
        .my_index .type_frame table tbody tr td:nth-child(odd) {
          padding-left: 15px; }
        .my_index .type_frame table tbody tr td:first-child {
          padding-left: 0; }
      .my_index .type_frame table tbody tr ~ tr td {
        padding-top: 8px; }
      .my_index .type_frame table tbody tr:last-child td {
        padding-bottom: 15px; }
    .my_index .type_frame .table {
      margin-left: 15px;
      width: 759px; }
      .my_index .type_frame .table table thead tr th:nth-child(1) {
        width: 323px; }
      .my_index .type_frame .table table thead tr th:nth-child(2) {
        width: 73px; }
      .my_index .type_frame .table table thead tr th:nth-child(3) {
        width: 46px; }
      .my_index .type_frame .table table thead tr th:nth-child(4) {
        width: 75px; }
      .my_index .type_frame .table table thead tr th:nth-child(5) {
        width: 73px; }
      .my_index .type_frame .table table thead tr th:nth-child(6) {
        width: 90px; }
      .my_index .type_frame .table table tbody tr {
        height: 146px; }
        .my_index .type_frame .table table tbody tr i {
          font-size: 12px; }
        .my_index .type_frame .table table tbody tr td:nth-child(2),
        .my_index .type_frame .table table tbody tr td:nth-child(3),
        .my_index .type_frame .table table tbody tr td:nth-child(4),
        .my_index .type_frame .table table tbody tr td:nth-child(6) {
          color: #878787; }
        .my_index .type_frame .table table tbody tr td:nth-child(5) i,
        .my_index .type_frame .table table tbody tr td:nth-child(5) span {
          color: #444f58; }
        .my_index .type_frame .table table tbody tr td:first-child p.tag {
          display: inline-block; }
        .my_index .type_frame .table table tbody tr td:first-child p.title,
        .my_index .type_frame .table table tbody tr td:nth-child(4),
        .my_index .type_frame .table table tbody tr td:nth-child(5),
        .my_index .type_frame .table table tbody tr td:nth-child(6) {
          position: relative;
          vertical-align: middle; }
          .my_index .type_frame .table table tbody tr td:first-child p.title a,
          .my_index .type_frame .table table tbody tr td:nth-child(4) a,
          .my_index .type_frame .table table tbody tr td:nth-child(5) a,
          .my_index .type_frame .table table tbody tr td:nth-child(6) a {
            display: block;
            color: #444f58; }
            .my_index .type_frame .table table tbody tr td:first-child p.title a:hover,
            .my_index .type_frame .table table tbody tr td:nth-child(4) a:hover,
            .my_index .type_frame .table table tbody tr td:nth-child(5) a:hover,
            .my_index .type_frame .table table tbody tr td:nth-child(6) a:hover {
              color: #eb413d; }
          .my_index .type_frame .table table tbody tr td:first-child p.title .dialog,
          .my_index .type_frame .table table tbody tr td:nth-child(4) .dialog,
          .my_index .type_frame .table table tbody tr td:nth-child(5) .dialog,
          .my_index .type_frame .table table tbody tr td:nth-child(6) .dialog {
            position: absolute;
            left: 0;
            bottom: 120px;
            color: #444f58;
            z-index: 99;
            min-width: 89px !important; }
          .my_index .type_frame .table table tbody tr td:first-child p.title .stay,
          .my_index .type_frame .table table tbody tr td:nth-child(4) .stay,
          .my_index .type_frame .table table tbody tr td:nth-child(5) .stay,
          .my_index .type_frame .table table tbody tr td:nth-child(6) .stay {
            position: relative;
            display: block;
            width: 20px;
            height: 18px;
            line-height: 18px;
            border-radius: 1px;
            color: #e60012;
            background: #fdeceb;
            border: 1px solid #f7b3b1;
            margin: 0 auto;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 5px;
            cursor: pointer; }
        .my_index .type_frame .table table tbody tr td:nth-child(4) a {
          display: inline; }
        .my_index .type_frame .table table tbody tr td:first-child,
        .my_index .type_frame .table table tbody tr td:nth-child(2) {
          border-right-color: transparent; }
        .my_index .type_frame .table table tbody tr td:last-child p {
          margin-bottom: 3px;
          color: #eb413d; }
          .my_index .type_frame .table table tbody tr td:last-child p i {
            margin-right: 3px; }
        .my_index .type_frame .table table tbody tr td:last-child a.evaluate {
          color: #eb413d; }
          .my_index .type_frame .table table tbody tr td:last-child a.evaluate:hover, .my_index .type_frame .table table tbody tr td:last-child a.evaluate:active {
            cursor: pointer; }
        .my_index .type_frame .table table tbody tr.merge td:first-child,
        .my_index .type_frame .table table tbody tr.merge td:nth-child(2) {
          border-right-color: #E7E7E7; }
      .my_index .type_frame .table table tbody tr:first-child {
        height: 41px; }
        .my_index .type_frame .table table tbody tr:first-child td .time {
          margin-left: 22px; }
        .my_index .type_frame .table table tbody tr:first-child td .number {
          margin-left: 20px; }
        .my_index .type_frame .table table tbody tr:first-child td a {
          color: #444f58;
          cursor: pointer; }
          .my_index .type_frame .table table tbody tr:first-child td a i {
            color: #eb413d;
            margin-right: 5px; }
          .my_index .type_frame .table table tbody tr:first-child td a:hover {
            color: #eb413d; }
          .my_index .type_frame .table table tbody tr:first-child td a:first-of-type {
            margin-left: 95px; }
            .my_index .type_frame .table table tbody tr:first-child td a:first-of-type em {
              display: inline-block;
              margin-left: 8px; }
            .my_index .type_frame .table table tbody tr:first-child td a:first-of-type img {
              margin-bottom: -4px; }
          .my_index .type_frame .table table tbody tr:first-child td a.del i {
            float: right;
            color: #444f58;
            margin-right: 5px; }
            .my_index .type_frame .table table tbody tr:first-child td a.del i:hover {
              color: #eb413d; }
        .my_index .type_frame .table table tbody tr:first-child td .gantan {
          display: inline-block;
          width: 19px;
          height: 19px;
          line-height: 19px;
          margin-right: 8px;
          border-radius: 50%;
          background: #eb413d;
          text-align: center;
          margin-bottom: 0;
          color: #fff;
          font-weight: bold;
          vertical-align: middle; }
          .my_index .type_frame .table table tbody tr:first-child td .gantan:hover {
            color: #fff; }
    .my_index .type_frame .ptb_xs td:first-child {
      width: 236px; }
    .my_index .type_frame .ptb_xs td:nth-child(2),
    .my_index .type_frame .ptb_xs td:nth-child(4) {
      width: 90px;
      text-align: center; }
    .my_index .type_frame .ptb_xs td:nth-child(3) {
      text-align: center;
      width: 174px;
      position: relative;
      padding-left: 0;
      padding-right: 0; }
      .my_index .type_frame .ptb_xs td:nth-child(3) div {
        white-space: nowrap; }
        .my_index .type_frame .ptb_xs td:nth-child(3) div span {
          display: inline-block;
          width: 52px;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis; }
      .my_index .type_frame .ptb_xs td:nth-child(3) > span {
        display: inline-block;
        margin-top: 15px; }
        .my_index .type_frame .ptb_xs td:nth-child(3) > span i {
          font-size: 40px; }
    .my_index .type_frame .ptb_xs td:first-child {
      width: 236px; }
    .my_index .type_frame .ptb_xs td:nth-child(2),
    .my_index .type_frame .ptb_xs td:nth-child(4) {
      width: 90px;
      text-align: center; }
    .my_index .type_frame .ptb_xs td:nth-child(5) {
      text-align: center;
      width: 89px; }
      .my_index .type_frame .ptb_xs td:nth-child(5) p {
        text-align: center; }
      .my_index .type_frame .ptb_xs td:nth-child(5) a {
        text-align: center; }
    .my_index .type_frame .ptb_xs td:nth-child(6) a {
      text-align: center;
      margin-bottom: 5px; }
    .my_index .type_frame .ptb_xs td:nth-child(6) a.evaluate {
      cursor: pointer; }
    .my_index .type_frame .table {
      margin-bottom: 10px; }
    .my_index .type_frame .goods_info {
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      /*图片*/
      /*标题*/
      /*标签*/ }
      .my_index .type_frame .goods_info .picbox {
        display: block;
        float: left;
        width: 120px;
        height: 120px;
        background-color: #ffffff;
        text-align: center; }
        .my_index .type_frame .goods_info .picbox img {
          height: 80%;
          margin: 10% 0; }
      .my_index .type_frame .goods_info p {
        float: left;
        width: 17em;
        line-height: 1.8em;
        text-align: justify; }
      .my_index .type_frame .goods_info .title {
        height: 5.4em;
        overflow: hidden; }
        .my_index .type_frame .goods_info .title a {
          color: #444f58;
          -webkit-transition: color 300ms ease;
          transition: color 300ms ease; }
          .my_index .type_frame .goods_info .title a:hover {
            color: #eb413d; }
      .my_index .type_frame .goods_info .tag {
        margin-top: 26px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .my_index .type_frame .goods_info .tag span ~ span {
          margin-left: 32px; }
    .my_index .type_frame .goods_info_mini .picbox {
      width: 100px;
      height: 100px; }
    .my_index .type_frame .goods_info_mini p {
      width: 9em; }
